<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="box">1111</div>
    <script>
        // var a = 10;
        // var num = a;

        // js的组成 ECMAScript es 3/5  6/7
        // DOM
        // BOM

        // js中的变量
        // var a = 100;
        // console.log(a);
        // var b = a;

        // js的命名规范

        // var let = 100; // 不要这么写
        // 创建变量的方式
        // let var const function import class
        // js中的数据类型


        //-----------------------------------------------------------------
        // console.log(100); // 100
        // const NUM = 100; // NUM的值不允许被修改
        // NUM = 200; // typeError 代码一旦报错，那错误信息下面的代码就不在执行

        // console.log(300);
        //-------------------------------------------------------------
        // console.log(100); // 100
        // console.log(a); //  ReferenceError 引用错误
        // console.log(200);
        //-----------------------------------------------------------
        // console.log(100);
        // va a = 100; // SyntaxError 语法错误，会导致整个页面都不执行
        // console.log(800; // SyntaxError
        // console.log(300);
        //-----------------------------------------------------------

        // var num = 'a'
        // js中的数据类型
        //  基本数据类型
        //     Number 有效数字 NaN
        //     String 'a' "a" `a`
        //     Boolean true false
        //     Null null
        //     Undefined undefined
        //     Symbol 
        //  引用数据类型
        //     Object
        //         Object {name:1}
        //         Array [1,2,3,true]
        //         Math
        //         Date
        //         RegExp
        //     Function

        //----------------------------------------------------
        // var _this;
        // // 创建一个变量_this不给他赋值,那他的值就是undefined
        // console.log(_this); // undefined


        // var num = 100;
        // 创建变量也叫作声明变量 给变量赋值也叫作定义
        // console.log(900);
        // var num = 300;
    </script>
    <!-- <script src='./index.js'>
        console.log(200); // 如果script行间写了src属性，那标签内部就不要写代码了，不起作用
    </script> -->

    <script>
        // alert(1); // 在浏览器打开一个弹框，会阻止代码向下运行，当你点击确定的时候，代码才会继续往下执行 (括号里的值会转化为字符串类型的值)
        // console.log(100);


        // var res = confirm(1); // 在alet的基础之上增加了一个取消按钮
        // console.log(res); // 如果用户点击的确定，那返回值就是true，如果用户点击的是取消，那返回值就是false

        // var res = prompt(1); // 在confirm的基础之上增加了输入的功能
        // console.log(res); // 如果用户点击的是确定，那返回值就是用户输入的内容，如果点击取消，那返回值就是null

        // console.dir():在控制台打印对象的详细信息

        // var box = document.getElementById('box'); // 获取页面的元素对象
        // console.log(box);
        // console.dir(box);

        // // var let const function import class  String Number Boolean
    </script>
</body>

</html>